(function(window, $, undefined) {
    var _block_namespaces_ = window._block_namespaces_ || (window._block_namespaces_ = {});
    var name = "PictureAmplification";
    var _nodeObj = {};
    var PictureAmplification = _block_namespaces_[name] || (_block_namespaces_[name] = {});
    $.extend(PictureAmplification, {
        "init": init,
        "module_init": module_init
    })

    function init(nodeObj) {

        if (!!!nodeObj) {
            return;
        }
        $.extend(_nodeObj, nodeObj);
        
        var $selector = $('div[data-settingid=' + nodeObj.settingId + ']');
        if($selector.find('.PictureAmplification .slick').hasClass('slick-initialized')){
            $selector.find('.PictureAmplification .slick ').slick('unslick')
        }
        var slickPic = $selector.find('.PictureAmplification .slick').slick({
            dots: true,
            accessibility: false,
            arrows: false,
            fade: true,
        });

        //遍历大图赋值图片路径给小图
        var outwards = $selector.find(".outward");
        if (outwards.length > 0) {
            outwards.remove();
        }
        for (var i = 0; i < $selector.find(" .PictureAmplification .PICbanner .slick-dots li").length; i++) {
            var a = $selector.find(" .PictureAmplification .PICbanner .slick li").eq(i)
            var srcs = a.find("img").attr("data-original")
            if(!srcs) return
            if (i == 0 ) {
                var imgss = "<div class='outward col-xs-4'><div class='inside border_re' ><img src=" + srcs + "  /><div></div></div></div>"
            } else {
                var imgss = "<div class='outward col-xs-4'><div class='inside'><img src=" + srcs + "  /><div class='mongolias'></div></div></div>"
            }
            $selector.find(" .PictureAmplification .smallPic").append(imgss)
        }
        //点击小图切换边框
        $selector.find(" .PictureAmplification .smallPic>.outward>div").click(function() {
            if ($(window).width() < 900) {
                $selector.find(".PictureAmplification .Mongolia").addClass("shows")
                $("body").css('overflow', 'hidden')
            }

            $selector.find(" .PictureAmplification .smallPic>.outward>div").removeClass("border_re")
            $selector.find(" .PictureAmplification .smallPic>.outward>div>div").addClass("mongolias")
            $(this).addClass("border_re")
            $(this).children("div").removeClass("mongolias")
            for (var i = 0; i < $selector.find(" .PictureAmplification .smallPic>.outward>div").length; i++) {
                if ($selector.find(" .PictureAmplification .smallPic>.outward>div").eq(i).hasClass("border_re")) {
                    $selector.find(".PictureAmplification .slick").slick('slickGoTo', i);
                }
            }
        })
        $selector.find(".PictureAmplification .Mongolia").click(function() {
            if ($(window).width() < 900) {
                $selector.find(".PictureAmplification .Mongolia").removeClass("shows")
                $("body").css('overflow', 'visible')
            }
        })
        $('.PictureAmplification .slick').on('beforeChange', function(event, slick, currentSlide, nextSlide) {
            console.log("nextSlide", nextSlide)
            $selector.find(" .PictureAmplification .smallPic>.outward>div").removeClass("border_re")
            $selector.find(" .PictureAmplification .smallPic>.outward>div").eq(nextSlide).addClass("border_re")
            $selector.find(" .PictureAmplification .smallPic>.outward>div>div").addClass("mongolias")
            $selector.find(" .PictureAmplification .smallPic>.outward>div").eq(nextSlide).children("div").removeClass("mongolias")
        });

    }

    function module_init(_nodeObj) {
         init(_nodeObj)
    }
})(window, jQuery);